<template>
  <div class="home">
    <tabbar msg="红包大厅"/>
    <contents :class='{default:this.$store.state.loading}' />
    <footerbar />
    <div class="release-btn" @click="release">
      <i class="iconfont">&#xe60f;</i>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import tabbar from '@/components/tabbar.vue'
import footerbar from '@/components/footer.vue'
import contents from '@/components/content.vue'

export default {
  name: 'home',
  data(){
    return{
    }
  },
  // mounted:{
  // },
  components: {
    tabbar,
    footerbar,
    contents
  },
  methods:{
    release(){
      this.$router.push('/release')
    }
  }
}
</script>
<style scoped lang="scss">
.home{
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  .release-btn{
    position: absolute;
    bottom: 70px;
    right: 20px;
    .iconfont{
      display: inline-block;
      width: 50px;
      height: 50px;
      font-size: 50px;
      color: rgb(26, 157, 218);
    }
  }
}
</style>